<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
		<meta charset="utf-8" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="place">
    <span>位置：</span>
    <ul class="placeul">
    <li><a href="#">实习过程管理</a></li>
    <li><a href="#">学生实习计划</a></li>
   
    </ul>
    </div>
    
    <div class="rightinfo">
    
    <div class="tools">
     <form id="searchForm" class="form-search"
						action="plan/plan_page_list.do" method="post">
    	<ul class="seachform1">
    		<c:if test="${userRole <=2 }">
    		<li>选择院系：</li>  
    	    <li>
    	    <select name="DeptCode" class="chosen-select col-xs-10 col-sm-5" >
						<option value="" > -- 全部 -- </option>
						<c:forEach items="${departmentInfoList}" var="departmentInfo">
							<option value="${departmentInfo.XYDM }" <c:if test="${departmentInfo.XYDM == DeptCode }">selected</c:if> >${departmentInfo.XYMC }</option>
						</c:forEach>
					</select>
    	</li>
    	</c:if>
    	<c:if test="${userRole >2 }">
    	<li><input value="${departmentName }" name="DeptCode" type="hidden">${departmentName }
    	</li>
    	</c:if>
    		<c:if test="${userRole <=2 }">
			<li><input name="" type="button" id="btnSearch" class="scbtn" value="查询"/></li>
			</c:if>  
		<div class="clearfix"></div>
		</ul>	
		 <input type="hidden" name="pageNumber" value="1" />
		</form>
    	<ul class="toolbar">
    	<c:if test="${userRole <=3 }">
        <li class="click add"><span><img src="images/t01.png" /></span>添加</li>
        </c:if>
        <!--<li class="click"><span><img src="images/t02.png" /></span>修改</li>
        <li><span><img src="images/t03.png" /></span>删除</li>
        <li><span><img src="images/t04.png" /></span>统计</li>-->
        </ul>
    </div>
    <table class="tablelist">
    	<thead>
    	<tr>
    	<th>序号</th>
        <th>计划名称</th>
        <th>实习对象</th>
		<th>季度</th>
        <th>开始时间</th>
       <th>结束时间</th>
       <th>操作</th>
      </tr>
        </thead>
        <tbody>
         <c:forEach items="${planList}" var="plan"  varStatus="status">
      <tr>
        <td>${ status.index + 1}</td>
        <td>${plan.name}</td>
        <td>${plan.practiceObject}</td>
         <td>${plan.year}</td>
         <td>${plan.startTime}</td>
         <td>${plan.endTime}</td>
		<td><a class="ck" onclick="look('${plan.id}')" >查看</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<c:if test="${userRole <=3 }">
		<a onclick="edit('${plan.id}')">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;<a onclick="deletePlan('${plan.id}')">删除</a>
		</c:if></td>
      </tr> 
      </c:forEach>
        </tbody>
    </table>
    
   
    <div class="pagin">
    	<%@ include file="page.jsp"%>
    </div>
    </div>
     <script src="js/jquery-1.7.2.js"></script>
      <script src="layer/layer.js"></script>
     <script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
	$( "#btnSearch" ).on('click', function(e) {
		$("#searchForm").submit();
	});
	function GoToPage(toPage,totalPage) {
	    if(toPage<=0) return;
	    if(toPage>totalPage) return;
	    $("input[name='pageNumber']").val(toPage);
	    $("#searchForm").submit();
	};
	
	$(".add").click(
	function(){
	layer.open({
  type: 2,
    closeBtn: 2,
  title: '新增实习计划',
  shadeClose: true,
  shade: 0.8,
  area: ['600px', '500px'],
  content:'plan/add_plan.do',
	  end: function () {
	      location.reload();
	  }//iframe的url
}); 
	
	}
);
	function closeAll() {
		layer.alert('添加成功!', {
			skin : 'layer-ext-moon'
		}, function() {
			layer.closeAll(); 
			 location.reload();
		}); 
	}
	function close() {
		layer.alert('修改成功!', {
			skin : 'layer-ext-moon'
		}, function() {
			layer.closeAll(); 
			 location.reload();
		}); 
	}
		function look(id) {
			layer.open({
				type : 2,
				closeBtn : 2,
				title : '实习计划详情',
				shadeClose : true,
				shade : 0.8,
				area : [ '600px', '500px' ],
				content : 'plan/plan_check.do?id=' + id //iframe的url
			});
		}
		function edit(id) {
			layer.open({
				type : 2,
				closeBtn : 2,
				title : '实习计划编辑',
				shadeClose : true,
				shade : 0.8,
				area : [ '600px', '500px' ],
				content : 'plan/plan_edit.do?id=' + id   //iframe的url
			});
		}
		function deletePlan(id) {
			$.ajax({
				type: "GET",
				url: "plan/delete.do?id="+id,
				async: true,
				dataType: "json",
				success: function(data) {
					if("success" == data.result){
						layer.alert('删除成功!', {
				            skin: 'layer-ext-moon' 
						}, function(){
						 location.reload();
						 });
						}else {
							layer.alert('删除失败!', {
					            skin: 'layer-ext-moon' 
					        });
							}
					}
				})
		};
		
					</script>

</body>

</html>
